<script>
import Vue from 'vue';
import { mapMutations } from 'vuex';
export default {
	onLaunch: function() {
		console.log('App Launch');
		this.onLoadSystemInfo();
		//this.onLoadFont();
		//this.onLoadColor();
		this.loadStorage();
		this.onLoadData();
	},
	onShow: function() {
		console.log('App Show');
	},
	onHide: function() {
		console.log('App Hide');
	},
	methods: {
		...mapMutations(['updatePushMessage', 'loadStorage']),
		onLoadSystemInfo: function() {
			uni.getSystemInfo({
				success: function(e) {
					// console.log("小程序")
					// console.log(e)
					// #ifndef MP
					Vue.prototype.StatusBar = e.statusBarHeight;
					if (e.platform == 'android') {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 45;
					}
					// #endif

					// #ifdef MP-WEIXIN
					Vue.prototype.StatusBar = e.statusBarHeight;
					let custom = wx.getMenuButtonBoundingClientRect();
					Vue.prototype.Custom = custom;
					let navbar = custom.bottom + custom.top - e.statusBarHeight;
					Vue.prototype.CustomBar = navbar;
					//console.log('width:',e.windowWidth);
					Vue.prototype.Devwidth = e.windowWidth;
					Vue.prototype.DevHeight = e.screenHeight - navbar;
					// #endif

					// #ifdef MP-ALIPAY
					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
					// #endif
					//#ifdef MP-TOUTIAO

					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + 45;

					//#endif
					Vue.prototype.ScreenHeight = e.windowHeight;
					console.log('设备：', e);
				}
			});
		},
		onLoadData: function() {
			Vue.prototype.ShopList = [
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '99',
					beprice: '178',
					volume: '145',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '199',
					beprice: '138',
					volume: '115',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '299',
					beprice: '78',
					volume: '245',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '599',
					beprice: '18',
					volume: '15',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '599',
					beprice: '18',
					volume: '15',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '5199',
					beprice: '189',
					volume: '15',
					checked: false
				},
				{
					img: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					name: 'Sanfu/三福外套女2019新款韩版面包服棉衣连帽外套厚外套女 军绿..',
					price: '1599',
					beprice: '128',
					volume: '15',
					checked: false
				}
			];
			Vue.prototype.LiveList = [
				{
					photo: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsname: 'SOS-最新款2020护肤霜润肤露',
					price: 120,
					shop: '网红产品专卖店时尚服装',
					authar: '李欣',
					autharimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					status: 0,
					is_zan: 1,
					want: 12321,
					like: 999
				},
				{
					photo: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsname: 'SOS-最新款2020护肤霜润肤露',
					price: 120,
					shop: '网红产品专卖店时尚服装',
					authar: '李欣',
					autharimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					status: 1,
					is_zan: 1,
					want: 12321,
					like: 999
				},
				{
					photo: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsname: 'SOS-最新款2020护肤霜润肤露',
					price: 120,
					shop: '网红产品专卖店时尚服装',
					authar: '李欣',
					autharimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					status: 1,
					is_zan: 1,
					want: 12321,
					like: 999
				},
				{
					photo: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg',
					goodsname: 'SOS-最新款2020护肤霜润肤露',
					price: 120,
					shop: '网红产品专卖店时尚服装',
					authar: '李欣',
					autharimg: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					status: 0,
					is_zan: 1,
					want: 12321,
					like: 999
				}
			];
		},
		onLoadFont: function() {
			// uni.loadFontFace({
			// 	family: 'PingFang',
			// 	source: 'url("http://x-shi.zonln.com/web/PingFang_Medium.ttf")',
			// 	success: function() {
			// 		console.log('load font success')
			// 	}
			// })
		},
		onLoadColor: function() {
			Vue.prototype.ColorList = [
				{
					title: '嫣红',
					name: 'red',
					color: '#e54d42'
				},
				{
					title: '桔橙',
					name: 'orange',
					color: '#f37b1d'
				},
				{
					title: '明黄',
					name: 'yellow',
					color: '#fbbd08'
				},
				{
					title: '橄榄',
					name: 'olive',
					color: '#8dc63f'
				},
				{
					title: '森绿',
					name: 'green',
					color: '#39b54a'
				},
				{
					title: '天青',
					name: 'cyan',
					color: '#1cbbb4'
				},
				{
					title: '海蓝',
					name: 'blue',
					color: '#0081ff'
				},
				{
					title: '姹紫',
					name: 'purple',
					color: '#6739b6'
				},
				{
					title: '木槿',
					name: 'mauve',
					color: '#9c26b0'
				},
				{
					title: '桃粉',
					name: 'pink',
					color: '#e03997'
				},
				{
					title: '棕褐',
					name: 'brown',
					color: '#a5673f'
				},
				{
					title: '玄灰',
					name: 'grey',
					color: '#8799a3'
				},
				{
					title: '草灰',
					name: 'gray',
					color: '#aaaaaa'
				},
				{
					title: '墨黑',
					name: 'black',
					color: '#333333'
				},
				{
					title: '雅白',
					name: 'white',
					color: '#ffffff'
				}
			];
		}
	}
};
</script>

<style>
@import url('css/colorui/main.css');
@import url('css/colorui/icon.css');
@import url('css/page.css');
@import url('css/colors.css');
@import url('css/uinorm.css');
</style>
